<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'book.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/jquery-1.12.4.js"></script>
	<%-- <script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/ShowBook.js"></script> --%>
	<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/getListBooks.js"></script>
	<style type="text/css">
		*{margin: 0 auto}  /* 所有都剧中 前面0为调上下居中 auto为左右居中 */
		#box{margin: 0 auto}
		/* id为table里面的tb标签，text-align文本居中 */
		#table td{ text-align: center;    
		 			padding: 10px}       	/* padding文本内容与边框间距 */    
		#table th{background: blue}        /*  背景颜色 */
		/* #tb tr:evn{background: red} */
	
	</style>
	
  </head>
  
  <body>
    This is my JSP page. <br>
     <div id="box">
                    <p>分类编号：
                    <!-- 列出所有的角色分类 -->
					<!-- <select name="userRole" id="userRole"></select> -->
					<!-- 用 $("#categoryId").val(); 获取数据 -->
					<select name="categoryId" id="categoryId">
						<option value="0" selected="selected">全部</option>
						<option value="1">神经学</option>
			    		<option value="2">白学</option>
			    		<option value="3" >吾学</option>
					</select>
					<input type="button" value="查询" id="b_CategoryId" />
					<input type="button" value="增加" id="add" onclick="javascript:location='book/JumeAddBook'" />
					</p>
    </div>
    <div id="box">
    	<!-- border=边框 -->
    	<table id="table" border="1">
    		<!-- tr=行数  th= 列数 thead = 头部-->
    		<thead>
    		<!-- colspan= 横跨几列  align="center" 居中 -->
    		<tr>
    			<td colspan="6" align="center"><h1>图书信息</h1></td>
    		</tr>
    		<tr>
    			<th>图书编号</th>
    			<th>图书名称</th>
    			<th>图书摘要</th>
    			<th>上传人</th>
    			<th>上传时间</th>
    			<th>操     作</th>
    		</tr>
    		</thead>
    		<!-- 身体 数据输出位置 -->
    		<tbody id="tb">
    			<!-- var $newsList = $("#id").empty();清空原有内用 -->
    			<!-- $("#tb").append() 追加内容-->
    		</tbody>
    		<tfoot id="tf"><tr><td id="page" colspan="6" style="text-align: right"></td></tr></tfoot>
    		
    		
    		
    		
    		
    		<!-- <tr>
    		<td colspan="6" style="text-align : left" >
    			加样式的时候需加 style="这里面写需要的样式" font-weight：字体加粗
    			<a href="add.jsp" style="color:red;text-decoration: none;font-weight: bold">新增图书信息</a>
    		</td>
    		</tr> -->
    	</table>
    </div>
    <div id="modify"></div>
  </body>
</html>
